<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<div th:fragment="updatedUserModal">
    <template id="updatedUserModal">
        <div>
            <el-dialog title="更新" :visible.sync='show_updated_user_modal' :show-close="false" size="mini" center :close-on-click-modal="false" :close-on-press-escape="false">
                <div slot="footer" class="dialog-footer">
                    <el-button size="mini" @click="cancelUpdatedDilogHandle">取 消</el-button>
                    <el-button size="mini" type="primary" @click="confirmUpdatedDilogHandle">确 定</el-button>
                </div>
            </el-dialog>
        </div>
    </template>
    <script>
        const UpdatedUserModal = {
            props: {
                show_updated_user_modal: Boolean //接收父组件的值
            },
            template: '#updatedUserModal',
            methods:{
                //取消和确认时都关闭模态框
                cancelUpdatedDilogHandle: function (){
                    this.$emit('updated_modal_close');
                },
                confirmUpdatedDilogHandle: function () {
                    this.cancelUpdatedDilogHandle();
                }
            }
        }
    </script>
</div>
</html>